import React from "react";
import { AutoComplete, Map, Marker } from "react-bmapgl/dist/index.js";

const BMapGL = window.BMapGL;
const defaultLng = 113.259364;
const defaultLat = 23.243758;
const defaultPoint = new BMapGL.Point(defaultLng, defaultLat);

const  MapOne =() =>{
  return (  <>
    <input id="location-input" placeholder="输入地址进行搜索" type="text" style={{ width: 400, height: 30, marginBottom: 10 }} />
    <AutoComplete
        input="location-input"
        location="广州市"
    />
       <Map
      center={defaultPoint}
      zoom={16}
      style={{ height: "400px", width: "100%" }}
    
    />
    </>
  );
}
export default MapOne;